<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<head />

<ui:composition template="_template.xhtml">

	<ui:define name="conteudo">
		<p:panel id="panelPrincipal" header="Estoque">

			<p:commandButton value="Novo"
				actionListener="#{estoqueBean.prepararAdicionarProduto}"
				update=":formDialogInserir:infosInserirProduto"
				oncomplete="PF('dialogIncluirProduto').show()" />

			<h:form id="formProdutos">
				<p:dataTable id="tableProdutos"
					value="#{estoqueBean.listarProdutos}" var="produto">
					<p:column>
						<f:facet name="header">
							<p:outputLabel value="Ações" />
						</f:facet>
						<p:commandButton value="Entrada"
							actionListener="#{produtoItemCompraBean.prepararProdutoItemCompra}"
							update=":formDialogEntrada:infosEntradaProduto"
							oncomplete="PF('dialogEntradaProduto').show();">
							<f:setPropertyActionListener value="#{produto}"
								target="#{produtoItemCompraBean.produtoSelecionado}" />
						</p:commandButton>
					</p:column>

					<p:column>
						<f:facet name="header">
							<p:outputLabel value="Nome" />
						</f:facet>
						<p:outputLabel value="#{produto.nomeProduto}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<p:outputLabel value="Marca" />
						</f:facet>
						<p:outputLabel value="#{produto.marca}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<p:outputLabel value="Tipo de Serviço" />
						</f:facet>
						<p:outputLabel value="#{produto.tipoServico}" />
					</p:column>
				</p:dataTable>
			</h:form>

			<p:dialog header="Incluir Produto" widgetVar="dialogIncluirProduto"
				resizable="false" modal="true" width="500">
				<h:form id="formDialogInserir">
					<p:messages id="messages" autoUpdate="true" />
					<p:panelGrid id="infosInserirProduto" columns="2"
						style="margin-bottom:10px">
						<p:outputLabel value="Nome:" for="nome" />
						<p:inputText id="nome" size="20" required="true"
							requiredMessage="Nome do produto obrigatório"
							value="#{estoqueBean.produto.nomeProduto}">
							<f:ajax event="blur" render="messages" />
						</p:inputText>
						<p:outputLabel value="Marca:" for="marca" />
						<p:inputText id="marca" size="20" required="true"
							requiredMessage="Nome da marca obrigatório"
							value="#{estoqueBean.produto.marca}">
							<f:ajax event="blur" render="messages" />
						</p:inputText>
						<p:outputLabel value="Tipo:" for="tipo" />
						<p:inputText id="tipo" size="20"
							value="#{estoqueBean.produto.tipoServico}" />
						<p:commandButton value="Salvar"
							actionListener="#{estoqueBean.adicionarProduto}" action="estoque.xhtml" 
							update=":formProdutos:tableProdutos"
							oncomplete="PF('dialogIncluirProduto').hide()" />
						<p:commandButton value="Cancelar"
							oncomplete="PF('dialogIncluirProduto').hide()" />
					</p:panelGrid>
				</h:form>
			</p:dialog>

			<p:dialog header="Entrada de Produto"
				widgetVar="dialogEntradaProduto" resizable="false" modal="true"
				width="500">
				<h:form id="formDialogEntrada">
					<p:messages id="messages" autoUpdate="true" />
					<p:panelGrid id="infosEntradaProduto" columns="2"
						style="margin-bottom:10px">
						<p:outputLabel value="Preço Unitário:" for="precoUnitario" />
						<p:inputText id="precoUnitario" size="20" required="true"
							requiredMessage="Preço unitário obrigatório"
							value="#{produtoItemCompraBean.produtoItemCompra.precoUnitario}">
							<f:ajax event="blur" render="messages" />
						</p:inputText>
						<p:outputLabel value="Quantidade:" for="quantidade" />
						<p:inputText id="quantidade" size="20" required="true"
							requiredMessage="Quantidade obrigatório"
							value="#{produtoItemCompraBean.produtoItemCompra.quantidade}">
							<f:ajax event="blur" render="messages" />
						</p:inputText>
						<p:outputLabel value="Data Compra:" for="data" />
						<p:calendar id="data" required="true"
							requiredMessage="Data de compra obrigatório"
							value="#{produtoItemCompraBean.produtoItemCompra.dataCompra}"
							timeZone="America/Sao_Paulo" pattern="dd/MM/yy">
						<f:ajax event="blur" render="messages" />
						</p:calendar>
						<p:commandButton value="Salvar"
							actionListener="#{produtoItemCompraBean.adicionarProdutoItemCompra}"
							oncomplete="PF('dialogEntradaProduto').hide()" />
						<p:commandButton value="Cancelar"
							oncomplete="PF('dialogEntradaProduto').hide()" />
					</p:panelGrid>
				</h:form>
			</p:dialog>
		</p:panel>
	</ui:define>
</ui:composition>
</html>